/*
 *
 * Copyright(c)[2018] [smallbun] www.smallbun.org
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
* {
    margin: 0;
    padding: 0;
}

body {
    min-width: 970px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif !important;
}

.overview-panel {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    margin-bottom: 20px;
}

.dropdown-menu.text-left a,
.dropdown-menu.text-left li {
    text-align: left !important;
}

body .wrapper .main-header .navbar .dropdown-menu li > a {
    color: #333;
}

body .divider {
    color: #333;
}

body .wrapper .main-header .navbar .dropdown-menu li > a:hover {
    background: #eee;
}

body .wrapper .main-header .navbar .dropdown-menu li.active > a {
    color: #fff;
}

body .wrapper .main-header .navbar .dropdown-menu li.active > a:hover {
    background: #222d32;
}

.input-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

.search .form-group input {
    width: 123px;
    height: 28px;
}

.form-radio {
    border-width: 0;
    padding-left: 0;
}

.form-radio-label {
    padding-right: 8px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ffffff;
}

.content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 5px 5px 5px;
    width: 100%;
    height: 100%;
    position: absolute; /*设置个absolute就可以全屏了*/
}

.i-content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute; /*设置个absolute就可以全屏了*/
}

.content .row {
    height: 100%;
}

.content-iframe {
    background-color: #ffffff;
}

/*左树右表格布局设置,必须使用xs*/
.content .row .col-xs-2 {
    height: 100%;
    padding-right: 10px;
}

.content .row .col-md-2 {
    height: 100%;
    padding-right: 10px;
}

.content .row .col-lg-2 {
    height: 100%;
    padding-right: 10px;
}

.content .row .col-sm-2 {
    height: 100%;
    padding-right: 10px;
}

.content .row .col-xs-10 {
    height: 100%;
    padding-left: 0;
}

.content .row .col-lg-10 {
    height: 100%;
    padding-left: 0;
}

.content .row .col-sm-10 {
    height: 100%;
    padding-left: 0;
}

.content .row .col-md-10 {
    height: 100%;
    padding-left: 0;
}

/*如果全是表格*/
.content .row .col-xs-12 {
    height: 100%;
    padding-left: 15px;
}

.content .row .col-sm-12 {
    height: 100%;
    padding-left: 15px;
}

.content .row .col-md-12 {
    height: 100%;
    padding-left: 15px;
}

.content .row .col-lg-12 {
    height: 100%;
    padding-left: 15px;
}

.list-body {
    /* background-color: #fff;*/
    /*background-color: #F2F2F3;*/
    background-color: #ecf0f5;;
    /*background-color: #f0f2f5;*/
    height: 100%;
}

.ibox-tool {
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: auto;
    padding: 5px;
}

.ibox-tool-child {
    box-shadow: #ccc 0 0 3px;
    padding-top: 20px;
    color: inherit;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #F2F2F3;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border: 0px solid #e7eaec;
    border-bottom-style: none;
}

span.input-group-addon:hover {
    background: #d8dce4;
}

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
    font-weight: 600;
}

.ibox {
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)*/

}

.i-ibox {
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-header {
    padding: 6px 20px 6px 20px;
    height: 45px;
    background-color: #f6f8f8;
}

.ibox-title {
    height: 41px;
    background-color: #F8F8F8;
    color: #333;
    font-weight: 700;
    border-radius: 2px 2px 0 0;
    padding: 13px !important;
    border-bottom: 1px solid #eee;
    display: block;
    clear: both;
}

.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 15px 20px;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border: 0 solid #e7eaec;
    border-bottom-style: none;
    clear: both;
}

.ibox-content-table {
    overflow: auto;
    background-color: #fff;
    color: inherit;
    padding: 5px 10px 5px 10px;
    -webkit-border-image: none;
    border-image: none;
    border: 0 solid #e7eaec;
    border-bottom-style: none;
}

.ibox-content-tree-table {
    overflow: auto;
    background-color: #fff;
    color: inherit;
    padding: 5px;
    -webkit-border-image: none;
    border-image: none;
    border: 0 solid #e7eaec;
    border-bottom-style: none;
}

.ibox-content-tree {
    overflow: auto;
    background-color: #fff;
    color: inherit;
    padding: 0 20px 0 20px;
    margin-top: 5px;
    -webkit-border-image: none;
    -o-border-image: none;
    border: 0 solid #e7eaec;
    border-bottom-style: none;
}

.search-form {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}


.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

.ibox .open > .dropdown-menu {
    left: auto;
    right: 0;
}

/*BUTTON*/

.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

.btn {
    border-radius: 2px;
}

.ibtn-info {
    min-width: 60px;
    background: #006eff;
    color: #fff;
    border: 1px solid #006eff;
}

.ibtn-info:hover {
    color: #fff;
    border-color: #0063e5;
    background-color: #0063e5;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ibtn-info:active {
    color: #fff;
    border-color: #0063e5;
    background-color: #0063e5;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ibtn-info:focus {
    color: #fff;
    border-color: #0063e5;
    background-color: #0063e5;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ibtn-white {
    min-width: 60px;
    background-color: #fff;
    z-index: 1;
    border-color: #006eff;
    color: #006eff;
}

.ibtn-white:hover {
    min-width: 60px;
    background-color: #fff;
    z-index: 1;
    border-color: #006eff;
    color: #006eff;
}

.ibtn-white:active {
    min-width: 60px;
    background-color: #fff;
    z-index: 1;
    border-color: #006eff;
    color: #006eff;
}

.ibtn-white:focus {
    min-width: 60px;
    background-color: #fff;
    z-index: 1;
    border-color: #006eff;
    color: #006eff;
}

.ibtn-primary {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
}

.ibtn-primary:hover {
    color: #fff;
    border: 1px solid #28B5D6;
    background-color: #28B5D6;
}

.ibtn-primary:focus {
    color: #fff;
    border: 1px solid #09c;
    background-color: #09c;
    outline: none;
}

.ibtn-primary:active {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.iform-control {
    height: 30px
}

.page-header {
    color: #6379bb;
    font-weight: 400 !important;
    padding: 15px 0 10px 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 16px;
}

/* BACKGROUNDS */

.gray-bg {
    background-color: #f0f3f4;
}

.white-bg {
    background-color: #ffffff;
}

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.blue-bg {
    background-color: #1c84c6;
    color: #ffffff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.black-bg {
    background-color: #262626;
}

.panel-primary {
    border-color: #1ab394;
}

.panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.panel-success {
    border-color: #1c84c6;
}

.panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
}

.panel-info {
    border-color: #23c6c8;
}

.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #ffffff;
}

.panel-warning {
    border-color: #f8ac59;
}

.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #ffffff;
}

.panel-danger {
    border-color: #ed5565;
}

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
}

.progress-bar {
    background-color: #1ab394;
}

.progress-small,
.progress-small .progress-bar {
    height: 10px;
}

.progress-small,
.progress-mini {
    margin-top: 5px;
}

.progress-mini,
.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0px;
}

.progress-bar-navy-light {
    background-color: #3dc7ab;
}

.progress-bar-success {
    background-color: #1c84c6;
}

.progress-bar-info {
    background-color: #23c6c8;
}

.progress-bar-warning {
    background-color: #f8ac59;
}

.progress-bar-danger {
    background-color: #ed5565;
}

.panel-title {
    font-size: inherit;
}

.jumbotron {
    border-radius: 6px;
    padding: 40px;
}

.jumbotron h1 {
    margin-top: 0;
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #006eff;
    border-color: #006eff
}

.pagination .page-item:hover > .page-link {
    background: #006eff;
    color: #fff
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #006eff;
    border-color: #DDDDDD;
    color: inherit;
    cursor: default;
    z-index: 2;
}

.btn-outline {
    border: 1px solid #006eff;
    background: #fafafa;
    color: #006eff;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)

}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    color: #006eff;
    border: 1px solid #006eff;
    background: #fafafa;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #006eff;
    background: #fafafa;
    border: 1px solid #006eff;
}

/* DASBOARD */

.dashboard-header {
    border-top: 0;
    padding: 15px;
}

.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px;
}

.fist-item {
    border-top: none !important;
}

.statistic-box {
    margin-top: 40px;
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px;
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

ul.clear-list:first-child {
    border-top: none !important;
}

.dashboard-header {
    border-top: 0;
    padding: 5px 20px 5px 13px !important;
}

.dashboard-header h5 {
    padding: 8px 0 0 0;
    display: inline-block;
    font-size: 14px;
    text-overflow: ellipsis;
    float: left;
    font-weight: 400;
}

.control-label {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
}

.width-30 {
    width: 30px !important
}

.width-60 {
    width: 60px !important
}

.width-90 {
    width: 90px !important
}

.width-120 {
    width: 120px !important
}

.width-140 {
    width: 140px !important
}

.width-160 {
    width: 160px !important
}

.width-460 {
    width: 460px !important
}

.width-760 {
    width: 760px !important
}

.width-960 {
    width: 960px !important
}

/*搜索*/
.search {
    margin-top: 5px;
}

.selected {
    background-color: #d0e9c6
}

/*奇偶行颜色*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

/*滑过的颜色*/
.table-hover > tbody > tr:hover {
    /* background-color: #dff0d8 !important;*/
    background-color: #e6f7ff !important;
}

/*选中颜色 */
.selected td {
    background-color: #e6f7ff !important;
}

/*表格标题颜色*/
/*.fixed-table-header{
    background-color: #f2f2f2;
}*/
/*表格头边框*/
.table-bordered > thead > tr > th {
    border: 1px solid #e1e1e1;
}

/*表格内容边框*/
.table-bordered > tbody > tr > td {
    border: 1px solid #e1e1e1;
}

/*验证 start*/
.input-group.has-error .form-control, .input-group.has-error .input-group-addon {
    border-color: #ea2e49;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #ea2e49;
}

.has-error .form-control:focus {
    border-color: #ea2e49;
    -webkit-box-shadow: none;
}

.error {
    color: #ea2e49;
}

.input-group.has-error .input-group-btn .btn-default {
    color: #444;
    border-color: #ea2e49;
}

.form-control.has-error {
    border: 1px solid #ea2e49;
}

.has-error .select2-selection {
    border: 1px solid #ea2e49;
}

.input-group.panel-noscroll.has-error .textbox {
    box-shadow: none;
    border-color: #ea2e49;
}

.label-radio {
    margin-top: 5px;
    margin-right: 5px
}

/*验证 end*/
::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px transparent
}

::-webkit-scrollbar-thumb {
    /*background-color: rgba(0, 0, 0, .2);*/
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
    border-radius: 999px;
    border: 5px solid transparent
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset
}

::-webkit-scrollbar-corner {
    background: 0 0
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px transparent
}

::-webkit-scrollbar-thumb {
    /*background-color: rgba(0, 0, 0, .2);*/
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
    border-radius: 999px;
    border: 5px solid transparent
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset
}

::-webkit-scrollbar-corner {
    background: 0 0
}

.help-inline {
    color: #aaaaaa;
}

.timeline > li > .timeline-item > .timeline-header {
    color: #6284f3;
    font-weight: 600;
}

.user-panel {
    white-space: nowrap;
    position: relative;
    width: 100%;
    padding: 15px;
    overflow: hidden;
}

.user-panel .image > img {
    width: 100%;
    max-width: 45px;
    height: auto;
}

.bootstrap-table {
    font-size: 12px;
}

.fixed-table-container {
    position: relative !important;;
    clear: both !important;
    border-radius: 0 !important;
    border: 0 solid !important;
}

/*.bootstrap-table .table > thead > tr > th {
    vertical-align: bottom !important;
    border-bottom: 0 solid !important;
}*/

.table-bordered {
    border: 0 solid !important;
    border-top: 1px solid #ddd !important;
}

.bootstrap-table .fixed-table-container.fixed-height {
    border-bottom: 1px solid #dee2e6 !important;
}